<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐看-城市广告</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">
    <link rel="stylesheet" href="/css/see/cityAd.min.css?v=<%=$version%>">
</head>
<body>
<div id="cityAd" v-cloak>
    <template>
        <see-header :uid="id" :number="2"></see-header>
    </template>
    <div class="cityAd-top">
        <template>
            <basic-slide :list="cityAdInfo.carousels"></basic-slide>
        </template>
        <div class="cityAd-nav clearfix">
            <a class="cityAd-icon5" @click="getVideo()">发视频</a>
            <!--<a class="cityAd-icon2" href="/see/cityAdInfo?type=1">当地</a>-->
            <a class="cityAd-icon1" href="/cityAd/travelNotes">发游记</a>
        </div>
    </div>
    <div class="cityAd-hots">
        <div class="cityAd-hotsTitle">本季热门
            <!--<small>5月最热门的地方</small>-->
            <a href="/see/cityAdHotlist" class="selfMedia-hotmore"></a></div>
        <div class="cityAd-hotsCent clearfix">
            <a class="cityAd-hotsList" v-for="item in cityAdInfo.hots" @click="getNext(item)">
                <span :style="bgimg(item.imgSrc)"></span>
                <h6>{{item.cityName}}</h6>
                <p>{{item.subtitle}}</p>
            </a>
        </div>
    </div>
    <div class="cityAd-cent">
        <!--<div class="selfMedia-tab">
            <span :class="{active:(indexs==1)}" @click="centTitleTab(1)">人气</span>
            <strong></strong>
            <span :class="{active:(indexs==2)}" @click="centTitleTab(2)">附近</span>
        </div>-->
        <template v-if="indexs==1">
            <selfmedia-flow :list="cityAdvList2" :number="2"></selfmedia-flow>
        </template>
       <!-- <template v-if="indexs==2">
            <selfmedia-flow :list="cityNearbyAdvList2" :number="2"></selfmedia-flow>
        </template>-->
    </div>
    <footer-view :number="1"></footer-view>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<!--<script type="text/javascript" src="/plugins/js/jquery.masonry.min.js"></script>-->
<script type="text/javascript" src="/plugins/js/minigrid.js"></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/see/cityAd.js?v=<%=$version%>"></script>
<script>
    var swiper1 = new Swiper(".cityAd-top .swiper-container",{
        spaceBetween: 8,
        slidesPerView: 'auto',   //设置slider容器能够同时显示的slides数量
        centeredSlides: true,    //设定为true时，活动块会居中，而不是默认状态下的居左。
        autoplay: {
            delay: 2500,
            disableOnInteraction: false
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        },
        lazy: {
            loadPrevNext: true,
            loadPrevNextAmount: 2
        },
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true//修改swiper的父元素时，自动初始化swiper
    });
    $("img.lazy").lazyload();
</script>
</body>
</html>